<template>
    <div>
        <index></index>
       <my-title v-for="(item, index) in arr" :key="index" :a_src="item.src">
           {{item.title}}
       </my-title>
    </div>
</template>
<script>
 import myTitle from './title.vue'
 import index from './index.vue'
 //引入局部组件
export default {
    components:{
        myTitle,
        index
    },
  data() {
      
      return {
          arr: [
              {src:"http://www.baidu.com",title:"百度"},
              {src:"http://www.qq.com",title:"腾讯"},
              {src:"http://www.163.com",title:"网易"},
          ]
      }
  }

}
</script>
<style scoped>
   
</style>